<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="${staticServerAddress }/title.ico">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/styles.css">
	<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
	<script src="js/bootstrap.min.js" charset="UTF-8"></script>
	<script src="js/swiper.min.js" charset="UTF-8"></script>
	<script src="js/global.js" charset="UTF-8"></script>
	<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
	<title>微风商城</title>
</head>
<body>
	<!-- 等待加载 没做好 -->
	<div id="preloader">
    	<div id="status">
	        <p class="center-text"><span>拼命加载中···</span></p>
	    </div>
	</div>
	<!-- 顶部tab -->
	<div class="tab-header">
		<div class="inner">
			<div class="pull-left">
				<div class="pull-left">嗨，欢迎来到<span class="cr">微风商城</span></div>
				<a href=toAgentLevel>网店代销</a>
				<a href="toBreezeArticle4">帮助中心</a>
			</div>
			<div class="pull-right">
			<c:choose>
				<c:when test="${userId>0}">
					<a href="SignOut">注销登录</a>
				</c:when>
				<c:otherwise>
					<a href="toLogin"><span class="cr">登录</span></a>
					<a href="toLogin?p=register">注册</a>
				</c:otherwise>
			</c:choose>
				<a href="toPersonalData">我的微风</a>
				<a href="lineItem">我的订单</a>
				<a href="toBreezeIntegral">积分平台</a>
			</div>
		</div>
	</div>
	<!-- 搜索栏 -->
	<div class="top-search">
		<div class="inner">
			<a class="logo" href="home"><img src="images/icons/logo.jpg" alt="微风网" class="cover"></a>
			<div class="search-box">
				<form class="input-group" action="category" method="post">
					<input type="hidden" name="pageIdx" value="1"/>
					<input placeholder="Ta们都在搜微风商城" type="text" name="searchName">
					<span class="input-group-btn">
						<button type="submit">
							<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
						</button>
					</span>
				</form>
				<p class="help-block text-nowrap">
					<a href="category?threeClassification=小说&pageIdx=1&startPrice=0&endPrice=0&searchName= ">小说</a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="category?threeClassification=文艺&pageIdx=1&startPrice=0&endPrice=0&searchName= ">文艺</a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="category?threeClassification=历史&pageIdx=1&startPrice=0&endPrice=0&searchName= ">历史</a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="category?threeClassification=经济&pageIdx=1&startPrice=0&endPrice=0&searchName= ">经济</a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="category?threeClassification=心理&pageIdx=1&startPrice=0&endPrice=0&searchName= ">心理</a>
				</p>
			</div>
			<div class="cart-box">
				<a href="toBreezeShopcart" class="cart-but">
					<i class="iconfont icon-shopcart cr fz16"></i> 购物车${shoppingCartNum==null?0:shoppingCartNum } 件
				</a>
			</div>
		</div>
	</div>
	<!-- 首页导航栏 -->
	<div class="top-nav bg3">
		<div class="nav-box inner">
			<div class="all-cat">
				<div class="title"><i class="iconfont icon-menu"></i> 全部分类</div>
				<div class="cat-list__box">
					<div class="cat-box">
						<div class="title">
							<i class="iconfont icon-skirt ce"></i> 文学
						</div>
						<ul class="cat-list clearfix">
							<li>网络文学</li>
							<li>电子书</li>
						</ul>
						<div class="cat-list__deploy">
							<div class="deploy-box">
								<div class="genre-box clearfix">
									<span class="title">网络文学：</span>
									<div class="genre-list">
										<a href="category?threeClassification=玄幻奇幻&pageIdx=1&startPrice=0&endPrice=0&searchName= ">玄幻奇幻</a>
										<a href="category?threeClassification=现代都市&pageIdx=1&startPrice=0&endPrice=0&searchName=">现代都市</a>
										<a href="category?threeClassification=武侠仙侠&pageIdx=1&startPrice=0&endPrice=0&searchName=">武侠仙侠</a>
										<a href="category?threeClassification=游戏竞技&pageIdx=1&startPrice=0&endPrice=0&searchName=">游戏竞技</a>
										<a href="category?threeClassification=科幻灵异&pageIdx=1&startPrice=0&endPrice=0&searchName=">科幻灵异</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">电子书：</span>
									<div class="genre-list">
										<a href="category?threeClassification=小说&pageIdx=1&startPrice=0&endPrice=0&searchName=">小说</a>
										<a href="category?threeClassification=文艺&pageIdx=1&startPrice=0&endPrice=0&searchName=">文艺</a>
										<a href="category?threeClassification=历史&pageIdx=1&startPrice=0&endPrice=0&searchName=">历史</a>
										<a href="category?threeClassification=经济&pageIdx=1&startPrice=0&endPrice=0&searchName=">经济</a>
										<a href="category?threeClassification=心理&pageIdx=1&startPrice=0&endPrice=0&searchName=">心理</a>
										<a href="category?threeClassification=生活&pageIdx=1&startPrice=0&endPrice=0&searchName=">侦探</a>
									</div>
								</div>
								
							</div>
						</div>
					</div>
					<div class="cat-box">
						<div class="title">
							<i class="iconfont icon-fushi ce"></i> 男装
						</div>
						<ul class="cat-list clearfix">
							<li>下装</li>
							<li>上装</li>
							<li>套装</li>
						</ul>
						<div class="cat-list__deploy">
							<div class="deploy-box">
								<div class="genre-box clearfix">
									<span class="title">下装：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">上装：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">套装：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="cat-box">
						<div class="title">
							<i class="iconfont icon-bao ce"></i> 包包
						</div>
						<ul class="cat-list clearfix">
							<li>女士包包</li>
							<li>男士包包</li>
						</ul>
						<div class="cat-list__deploy">
							<div class="deploy-box">
								<div class="genre-box clearfix">
									<span class="title">女士包包：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">男士包包：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="cat-box">
						<div class="title">
							<i class="iconfont icon-kid ce"></i> 童装
						</div>
						<ul class="cat-list clearfix">
							<li>女童</li>
							<li>男童</li>
							<li>男女童鞋</li>
						</ul>
						<div class="cat-list__deploy">
							<div class="deploy-box">
								<div class="genre-box clearfix">
									<span class="title">女童：</span>
								<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">男童：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">男女童鞋：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="cat-box">
						<div class="title">
							<i class="iconfont icon-shoes ce"></i> 鞋靴
						</div>
						<ul class="cat-list clearfix">
							<li>男鞋</li>
							<li>女鞋</li>
							<li>儿童鞋</li>
						</ul>
						<div class="cat-list__deploy">
							<div class="deploy-box">
								<div class="genre-box clearfix">
									<span class="title">男鞋：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">女鞋：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
								<div class="genre-box clearfix">
									<span class="title">儿童鞋：</span>
									<div class="genre-list">
										<a href="#">牛仔裤</a>
										<a href="#">短裤</a>
										<a href="#">休闲裤</a>
										<a href="#">打底裤</a>
										<a href="#">丝袜</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<ul class="nva-list">
				<a href="home"><li>首页</li></a>
				<a href="toBreezeArticle10"><li>企业简介</li></a>
				<a href="toBreezeArticle5"><li>新手上路</li></a>
				<a href="toClassRoom"><li>微风学堂</li></a>
				<a href="toEnterpriseId"><li>企业账号</li></a>
				<a href="toBreezeContract"><li>诚信合约</li></a>
				<a href="toItemRemove"><li>实时下架</li></a>
			</ul>
			<div class="user-info__box">
				<div class="login-box">
					<div class="avt-port">
						<img src="images/icons/default_avt.png" alt="欢迎来到微风网" class="cover b-r50">
					</div>
					<!-- 已登录 -->
					<c:choose>
						<c:when test="${userId>0}">
							<div class="name c6">Hi~ 
								<span class="cr">
									<c:choose>
										<c:when test="${user.userNickname==null}">
											${user.userEmail}
											<div class="point c6">积分: 30</div>
										</c:when>
										<c:otherwise>
											${user.userNickname}
											<div class="point c6">积分: 30</div>
										</c:otherwise>
									</c:choose>
								</span>
							</div>
						</c:when>
						<c:otherwise>
							<!-- 未登录 -->
							<div class="name c6">Hi~ 你好</div>
							<div class="point c6"><a href="toLogin">点此登录</a>，发现更多精彩</div>
						</c:otherwise>
					</c:choose>

					<div class="report-box">
						<span class="badge">+30</span>
						<a class="btn btn-info btn-block disabled" href="#" role="button">已签到1天</a>
						<!-- <a class="btn btn-primary btn-block" href="#" role="button">签到领积分</a> -->
					</div>
				</div>
				<div class="agent-box">
					<a href="#" class="agent">
						<i class="iconfont icon-fushi"></i>
						<p>申请网店代销</p>
					</a>
					<a href="javascript:;" class="agent">
						<i class="iconfont icon-agent"></i>
						<p><span class="cr">9527</span>位代销商</p>
					</a>
				</div>
				<div class="verify-qq">
					<div class="title">
						<i class="fake"></i>
						<span class="fz12">真假QQ客服验证-远离骗子</span>
					</div>
					<form class="input-group">
						<input class="form-control" placeholder="输入客服QQ号码" type="text">
						<span class="input-group-btn">
							<button class="btn btn-primary submit" id="verifyqq" type="button">验证</button>
						</span>
					</form>
					<script>
						$(function() {
							$('#verifyqq').click(function() {
								DJMask.open({
								　　width:"400px",
								　　height:"150px",
								　　title:"微风网提示您：",
								　　content:"<b>该QQ不是客服-谨防受骗！</b>"
							　　});
							});
						});
					</script>
				</div>
				<div class="tags">
					<div class="tag"><i class="iconfont icon-real fz16"></i> 品牌正品</div>
					<div class="tag"><i class="iconfont icon-credit fz16"></i> 信誉认证</div>
					<div class="tag"><i class="iconfont icon-speed fz16"></i> 当天发货</div>
					<div class="tag"><i class="iconfont icon-tick fz16"></i> 人工质检</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 顶部轮播 -->
    <div class="swiper-container banner-box">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="#"><img src="images/temp/banner_11.jpg" class="cover"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/temp/banner_12.jpg" class="cover"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/temp/banner_13.jpg" class="cover"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/temp/banner_14.jpg" class="cover"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/temp/banner_15.jpg" class="cover"></a></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <!-- 首页楼层导航 -->
	<nav class="floor-nav visible-lg-block">
		<span class="scroll-nav active">玄幻奇幻</span>
		<span class="scroll-nav">武侠仙侠</span>
		<span class="scroll-nav">科幻灵异</span>
		<span class="scroll-nav">侦探</span>
		<span class="scroll-nav">心理</span>
		<span class="scroll-nav">历史</span>
	</nav>
	<!-- 楼层内容 -->
	<div class="content inner" style="margin-bottom: 40px;">
		<section class="scroll-floor floor-1 clearfix">
			<div class="pull-left">
				<div class="floor-title">
					<i class="iconfont icon-tuijian fz16"></i> 玄幻奇幻
					<a href="category?threeClassification=玄幻奇幻&pageIdx=1&startPrice=0&endPrice=0&searchName=" class="more"><i class="iconfont icon-more"></i></a>
				</div>
				<div class="con-box">
					<a class="left-img hot-img" href="">
						<img src="images/floor_11.jpg" alt="" class="cover">
					</a>
					<div class="right-box hot-box">
						<c:forEach items="${bookList.get(0)}" var="c" varStatus="vs">
							<input hidden="hidden" name="bookId" value="${c.bookId}"/>
							<a href="bookIndex?productId=${c.productId }" class="floor-item">
								<div class="item-img hot-img">
									<img src="${staticServerAddress }${c.bookMainImg }" alt="${c.productName }" class="cover">
								</div>
								<div class="price clearfix">
									<span class="pull-left cr fz16">${c.productPrice }</span>
									<span class="pull-right c6">直售价</span>
								</div>
								<div class="name ep" title="${c.productName }">${c.productName }</div>
							</a>
						</c:forEach>
					</div>
				</div>
			</div>
			<div class="pull-right">
				<div class="floor-title">
					<i class="iconfont icon-horn fz16"></i> 平台公告
					<a href="udai_notice.html" class="more"><i class="iconfont icon-more"></i></a>
				</div>
				<div class="con-box">
					<div class="notice-box bgf5">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<a class="swiper-slide ep" href="udai_notice.html">【公告】微风网平台已上线，您还在等什么呢？是吧~</a>
								<a class="swiper-slide ep" href="udai_notice.html">【资讯】P站服务器爆炸啦。国内86%地区IP被限制~</a>
								<a class="swiper-slide ep" href="udai_notice.html">【公告】六趣公司9月底将彻底关闭66RPG论坛~</a>
								<a class="swiper-slide ep" href="udai_notice.html">【资讯】Project1站将接盘66RPG，新域名rpg.blue</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】央行决定对普惠金融实施定向降准政策 最高下调1.5个百分点</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】那些年看的剧里十大虐心情节，谁戳中了你的泪点？</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】惨遭魔改？派拉蒙将拍真人版《你的名字。》</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】外媒称中国限制日本跟团游?旅行社:仍正常发团</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】广电总局：电台电视台应在重要法定节日播放国歌</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】高校性教育课成"爆款" 老师都讲哪些"大尺度"内容?</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】vivo X20全面屏手机首销火爆 陈赫欧豪现身助力</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】“拒绝妻子手术”现场医生：病人丈夫被冤枉了</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】游客们注意了！国庆你要避开十大坑</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】他卖了1.5万双假货，现在面临10年牢狱！</a>
								<a class="swiper-slide ep" href="udai_notice.html">【新闻】10月1日起国家再次提高部分优抚对象抚恤补助标准 烈属抚恤每年23130元</a>
							</div>
						</div>
					</div>
					<div class="buts-box bgf5">
						<div class="but-div">
							<a href="toBreezeMailQuery">
								<i class="but-icon"></i>
								<p>物流查询</p>
							</a>
						</div>
						<div class="but-div">
							<a href="#">
								<i class="but-icon"></i>
								<p>热卖专区</p>
							</a>
						</div>
						<div class="but-div">
							<a href="#">
								<i class="but-icon"></i>
								<p>满减专区</p>
							</a>
						</div>
						<div class="but-div">
							<a href="#">
								<i class="but-icon"></i>
								<p>折扣专区</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="scroll-floor floor-2">
			<div class="floor-title">
				<i class="iconfont icon-skirt fz16"></i> 武侠仙侠
				<a href="category?threeClassification=武侠仙侠&pageIdx=1&startPrice=0&endPrice=0&searchName=" class="more"><i class="iconfont icon-more"></i></a>
			</div>
			<div class="con-box">
				<a class="left-img hot-img" href="">
					<img src="images/floor_22.jpg" alt="" class="cover">
				</a>
				<div class="right-box">
					<c:forEach items="${bookList.get(1)}" var="c" varStatus="vs">
						<input hidden="hidden" name="bookId" value="${c.bookId}"/>
						<a href="bookIndex?productId=${c.productId }" class="floor-item">
							<div class="item-img hot-img">
								<img src="${staticServerAddress }${c.bookMainImg }" alt="${c.productName }" class="cover">
							</div>
							<div class="price clearfix">
								<span class="pull-left cr fz16">${c.productPrice }</span>
								<span class="pull-right c6">直售价</span>
							</div>
							<div class="name ep" title="${c.productName }">${c.productName }</div>
						</a>
					</c:forEach>
				</div>
			</div>
		</section>
		<section class="scroll-floor floor-3">
			<div class="floor-title">
				<i class="iconfont icon-fushi fz16"></i> 科幻灵异
				<a href="category?threeClassification=科幻灵异&pageIdx=1&startPrice=0&endPrice=0&searchName=" class="more"><i class="iconfont icon-more"></i></a>
			</div>
			<div class="con-box">
				<a class="left-img hot-img" href="">
					<img src="images/floor_33.jpg" alt="" class="cover">
				</a>
				<div class="right-box">
					<c:forEach items="${bookList.get(2)}" var="c" varStatus="vs">
						<input hidden="hidden" name="bookId" value="${c.bookId}"/>
						<a href="bookIndex?productId=${c.productId }" class="floor-item">
							<div class="item-img hot-img">
								<img src="${staticServerAddress }${c.bookMainImg }" alt="${c.productName }" class="cover">
							</div>
							<div class="price clearfix">
								<span class="pull-left cr fz16">${c.productPrice }</span>
								<span class="pull-right c6">直售价</span>
							</div>
							<div class="name ep" title="${c.productName }">${c.productName }</div>
						</a>
					</c:forEach>
				</div>
			</div>
		</section>
		<section class="scroll-floor floor-4">
			<div class="floor-title">
				<i class="iconfont icon-kid fz16"></i> 侦探
				<a href="category?threeClassification=侦探&pageIdx=1&startPrice=0&endPrice=0&searchName=" class="more"><i class="iconfont icon-more"></i></a>
			</div>
			<div class="con-box">
				<a class="left-img hot-img" href="">
					<img src="images/floor_44.jpg" alt="" class="cover">
				</a>
				<div class="right-box">
					<c:forEach items="${bookList.get(3)}" var="c" varStatus="vs">
						<input hidden="hidden" name="bookId" value="${c.bookId}"/>
						<a href="bookIndex?productId=${c.productId }" class="floor-item">
							<div class="item-img hot-img">
								<img src="${staticServerAddress }${c.bookMainImg }" alt="${c.productName }" class="cover">
							</div>
							<div class="price clearfix">
								<span class="pull-left cr fz16">${c.productPrice }</span>
								<span class="pull-right c6">直售价</span>
							</div>
							<div class="name ep" title="${c.productName }">${c.productName }</div>
						</a>
					</c:forEach>
				</div>
			</div>
		</section>
		<section class="scroll-floor floor-5">
			<div class="floor-title">
				<i class="iconfont icon-bao fz16"></i> 心理
				<a href="category?threeClassification=心理&pageIdx=1&startPrice=0&endPrice=0&searchName=" class="more"><i class="iconfont icon-more"></i></a>
			</div>
			<div class="con-box">
				<a class="left-img hot-img" href="">
					<img src="images/floor_55.jpg" alt="" class="cover">
				</a>
				<div class="right-box">
					<c:forEach items="${bookList.get(4)}" var="c" varStatus="vs">
						<input hidden="hidden" name="bookId" value="${c.bookId}"/>
						<a href="bookIndex?productId=${c.productId }" class="floor-item">
							<div class="item-img hot-img">
								<img src="${staticServerAddress }${c.bookMainImg }" alt="${c.productName }" class="cover">
							</div>
							<div class="price clearfix">
								<span class="pull-left cr fz16">${c.productPrice }</span>
								<span class="pull-right c6">直售价</span>
							</div>
							<div class="name ep" title="${c.productName }">${c.productName }</div>
						</a>
					</c:forEach>
				</div>
			</div>
		</section>
		<section class="scroll-floor floor-6">
			<div class="floor-title">
				<i class="iconfont icon-shoes fz16"></i> 历史
				<a href="category?threeClassification=历史&pageIdx=1&startPrice=0&endPrice=0&searchName=" class="more"><i class="iconfont icon-more"></i></a>
			</div>
			<div class="con-box">
				<a class="left-img hot-img" href="">
					<img src="images/floor_66.jpg" alt="" class="cover">
				</a>
				<div class="right-box">
					<c:forEach items="${bookList.get(5)}" var="c" varStatus="vs">
						<input hidden="hidden" name="bookId" value="${c.bookId}"/>
						<a href="bookIndex?productId=${c.productId }" class="floor-item">
							<div class="item-img hot-img">
								<img src="${staticServerAddress }${c.bookMainImg }" alt="${c.productName }" class="cover">
							</div>
							<div class="price clearfix">
								<span class="pull-left cr fz16">${c.productPrice }</span>
								<span class="pull-right c6">直售价</span>
							</div>
							<div class="name ep" title="${c.productName }">${c.productName }</div>
						</a>
					</c:forEach>
				</div>
			</div>
		</section>
	</div>
	<script>
		 $(window).load(function() {
		    $("#status").fadeOut();
		     $("#preloader").delay(500).fadeOut("slow");
		 })
		$(document).ready(function(){ 
			// 顶部banner轮播
			var banner_swiper = new Swiper('.banner-box', {
				autoplayDisableOnInteraction : false,
				pagination: '.banner-box .swiper-pagination',
				paginationClickable: true,
				autoplay : 5000,
			});
			// 新闻列表滚动
			var notice_swiper = new Swiper('.notice-box .swiper-container', {
				paginationClickable: true,
				mousewheelControl : true,
				direction : 'vertical',
				slidesPerView : 10,
				autoplay : 2e3,
			});
			// 楼层导航自动 active
			$.scrollFloor();
			// 页面下拉固定楼层导航
			$('.floor-nav').smartFloat();
			$('.to-top').toTop({position:false});
		});
	</script>
	
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item">
				<a href="toBreezeWelcome" class="r-item-hd">
					<i class="iconfont icon-user" ></i>
					<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="toBreezeShopcart" class="r-item-hd">
					<i class="iconfont icon-cart" data-badge="${shoppingCartNum==null?0:shoppingCartNum }"></i>
					<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="toFavorite?pageIdx=1" class="r-item-hd">
					<i class="iconfont icon-aixin"></i>
					<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="#" class="r-item-hd">
					<i class="iconfont icon-liaotian"></i>
					<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="toIssues" class="r-item-hd">
					<i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
				</a>
			</li>
			<li class="r-toolbar-item to-top">
				<i class="iconfont icon-top"></i>
				<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
			</li>
		</ul>
		<script>
			$(document).ready(function(){ $('.to-top').toTop({position:false}) });
		</script>
	</div>
	<!-- 底部信息 -->
	<div class="footer">
		<div class="footer-tags">
			<div class="tags-box inner">
				<div class="tag-div">
					<img src="images/icons/footer_1.gif" alt="厂家直供">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_2.gif" alt="一件代发">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_3.gif" alt="美工活动支持">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_4.gif" alt="信誉认证">
				</div>
			</div>
		</div>
		<div class="footer-links inner">
			<dl>
				<dt>微风网</dt>
				<a href="toBreezeArticle10"><dd>企业简介</dd></a>
				<a href="toBreezeArticle11"><dd>加入微风</dd></a>
				<a href="toBreezeArticle12"><dd>隐私说明</dd></a>
			</dl>
			<dl>
				<dt>服务中心</dt>
				<a href="toBreezeArticle1"><dd>售后服务</dd></a>
				<a href="toBreezeArticle2"><dd>配送服务</dd></a>
				<a href="toBreezeArticle3"><dd>用户协议</dd></a>
				<a href="toBreezeArticle4"><dd>常见问题</dd></a>
			</dl>
			<dl>
				<dt>新手上路</dt>
				<a href="toBreezeArticle5"><dd>如何成为代理商</dd></a>
				<a href="toBreezeArticle6"><dd>代销商上架教程</dd></a>
				<a href="toBreezeArticle7"><dd>分销商常见问题</dd></a>
				<a href="toBreezeArticle8"><dd>付款账户</dd></a>
			</dl>
		</div>
		<div class="copy-box clearfix">
			<ul class="copy-links">
				<a href="toAgentLevel"><li>网店代销</li></a>
				<a href="toClassRoom"><li>微风学堂</li></a>
				<a href="toBreezeAbout"><li>联系我们</li></a>
				<a href="toBreezeArticle10"><li>企业简介</li></a>
				<a href="toBreezeArticle5"><li>新手上路</li></a>
			</ul>
			<!-- 版权 -->
			<p class="copyright">
				© 2018-2020 微风网 版权所有，并保留所有权利<br>
				ICP备案证书号：渝ICP备20181806号-2&nbsp;&nbsp;&nbsp;&nbsp;重庆市沙坪坝区微电子产业园区&nbsp;&nbsp;&nbsp;&nbsp;Tel: 15881909100&nbsp;&nbsp;&nbsp;&nbsp;E-mail: 15881909100@qq.com
			</p>
		</div>
	</div>
</body>
</html>